<!DOCTYPE html>
<html lang="zxx">

<head>
    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>

    <!-- Fav Icons -->
    <link rel="shortcut icon" href="assets2/img/favicon.png" type="image/x-icon">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="assets2/css/style.css">
    <link rel="stylesheet" href="assets2/css/responsive.css">

</head>

<body>
    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>



        <!--==================================================================== 
                                Start Header area
        =====================================================================-->
        <header class="main-header">
            <div class="container">
                <div class="header-inner">
                    <div class="logo">
                        <a href="index.html"><img class="logo-image" src="images/logo.png" alt="Organik Logo" /></a>
                    </div>
                    
                    <div class="categories">
                        <button><i class="flaticon-list"></i>
                        <span>分类目录</span></button>
                        <ul>
                            <li><a href="shop.html"><i class="flaticon-apple"></i> 水果</a></li>
                            <li><a href="shop.html"><i class="flaticon-chicken-hand-drawn-outline"></i> 肉和鱼</a></li>
                            <li><a href="shop.html"><i class="flaticon-pressure-washer"></i> 蔬菜</a></li>
                            <li><a href="shop.html"><i class="flaticon-pest"></i> 果汁</a></li>
                            <li><a href="shop.html"><i class="flaticon-stationery"></i>干货</a></li>
                        </ul>
                    </div>
                    
                    <form action="#" class="menu-search">
                        <select name="select-category">
                            <option value="option-1">所有类别</option>
                            <option value="option-2">水果</option>
                            <option value="option-3">肉和鱼</option>
                            <option value="option-4">蔬菜</option>
                            <option value="option-5">果汁</option>
                            <option value="option-6">干货</option>
                        </select>
                        <input type="search" placeholder="搜索" required>
                        <button type="submit">search</button>
                    </form>
                    
                   <div class="menu-collections">
                        <div class="collection-item watch">
                            <i class="flaticon-heart"></i>
                            <div class="collection-inner">
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets2/img/shop/cart-1.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>丹麦全脂牛奶</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets2/img/shop/cart-2.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>健康黄木瓜</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="collection-btn">
                                    <a href="cart.html" class="theme-btn bg-blue no-shadow mx-auto">添加到购物车</a>
                                </div>
                            </div>
                        </div>
                        <div class="collection-item cart">
                            <i class="flaticon-shopping-cart"></i>
                            <div class="collection-inner">
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">

                                        <img src="assets2/img/shop/cart-1.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>丹麦全脂牛奶</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="alert single-collection">
                                    <button data-dismiss="alert"><i class="flaticon-delete-button"></i></button>
                                    <div class="collection-image">
                                        <img src="assets2/img/shop/cart-2.png" alt="">
                                    </div>
                                    <div class="collection-content">
                                        <p>健康黄木瓜</p>
                                        <h6>$120.00</h6>
                                    </div>
                                </div>
                                <div class="collection-btn">
                                    <a href="cart.html" class="theme-btn bg-blue no-shadow mr-10">查看购物车</a>
                                    <a href="checkout.html" class="theme-btn ml-auto no-shadow">结账</a>
                                </div>
                            </div>
                        </div>
                        <div class="collection-item profile">
                            <i class="flaticon-user-1"></i>
                            <div class="collection-inner">
                                <ul>
									<li><a href="#">已买过的宝贝</a></li>
                                    <li><a href="cart.html">购物车</a></li>
                                    <li><a href="checkout.html">结账</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    <div class="main-menu">
                        <button><i class="flaticon-list-menu"></i></button>
                        <ul>
                            <li><a href="index.html">主页</a></li>
                            <li class="dropdown"><a href="#">我们的博客</a>
                                <ul>
                                    <li><a href="blog.html">所有博客</a></li>
                                    <li><a href="blog-details.html">博客详细信息</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">购物</a>
                                <ul>
                                    <li><a href="shop.html">店铺页面</a></li>
                                    <li><a href="about-us - success.html">关于我们的小故事</a></li>
                                    <li><a href="cart.html">我的购物车</a></li>
                                    <li><a href="checkout.html">退出</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">入口</a>
                                <ul>
                                    <li><a href="sign-in.html">登录</a></li>
                                    <li><a href="sign-up.html">注册</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>
                        <div class="menu-overlay"></div>
                    </div>
                </div>
            </div>
            <div class="collection-close"></div>
        </header>
        <!--==================================================================== 
                                End Header area
        =====================================================================-->



        <!--==================================================================== 
            Start Banner Section
        =====================================================================-->
        <section class="banner-section" style="background-image:url(assets2/img/banner.png);">
            <div class="container">
                <div class="banner-inner text-center">
                    <h2 class="page-title">商店</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="login-success.html">回到主页</a></li>
                            <li class="breadcrumb-item active" aria-current="page">商店</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </section>
        <!--==================================================================== 
            End Banner Section
        =====================================================================-->


        <!--==================================================================== 
           Start Shop Page
       =====================================================================-->
        <section class="shop-page mt-120 rmt-80 mb-90 rmb-50">
            <div class="container">
                <div class="row">

                    <div class="col-xl-3 col-lg-4">
                        <div class="shop-sidebar">
                            <div class="shop-widget b1">
                                <div class="shop-widget-title">
                                  <h5><em class="flaticon-list"></em>分类目录</h5>
                                </div>
                                <ul>
                                    <li><a href="shop.html"><i class="flaticon-apple"></i> 所有类别</a></li>
                                    <li><a href="shop.html"><i class="flaticon-chicken-hand-drawn-outline"></i> 水果</a></li>
                                    <li><a href="shop.html"><i class="flaticon-pressure-washer"></i> 肉和鱼</a></li>
                                    <li><a href="shop.html"><i class="flaticon-pest"></i> 蔬菜</a></li>
                                    <li><a href="shop.html"><i class="flaticon-stationery"></i> 果汁</a></li>
                                    <li><a href="shop.html"><i class="flaticon-make-up"></i> 干货</a></li>
                                </ul>
                            </div>
                            <div class="shop-widget b1">
                                <div class="shop-widget-title">
                                    <h5>今日推送</h5>
                                </div>
                                <div class="product list-product d-flex align-items-center bg-white br-5 mb-30">
                                    <div class="product-img-wrap">
                                        <img src="assets2/img/shop/cart-1.png" alt="img">
                                    </div>
                                    <div class="product-content-wrap">
                                        <div class="product-content">
                                            <p><a href="shop-detail.html">花椰菜 <br>(1kg)</a>
                                            </p>
                                        </div>
                                        <div class="product-action">
                                            <a href="#" class="add-to-btn small-btn">
                                                <i class="flaticon-shopping-cart"></i>
                                                <span>加入购物车</span>
                                                <h5 class="product-price">$120.00</h5>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="product list-product d-flex align-items-center bg-white br-5 mb-30">
                                    <div class="product-img-wrap">
                                        <img src="assets2/img/shop/cart-2.png" alt="img">
                                    </div>
                                    <div class="product-content-wrap">
                                        <div class="product-content">
                                            <p><a href="shop-detail.html">有机黄木瓜 (1ps)</a></p>
                                        </div>
                                        <div class="product-action">
                                            <a href="#" class="add-to-btn small-btn">
                                                <i class="flaticon-shopping-cart"></i>
                                                <span>加入购物车</span>
                                                <h5 class="product-price">$120.00</h5>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="product list-product d-flex align-items-center bg-white br-5 mb-30">
                                    <div class="product-img-wrap">
                                        <img src="assets2/img/shop/cart-3.png" alt="img">
                                    </div>
                                    <div class="product-content-wrap">
                                        <div class="product-content">
                                            <p><a href="shop-detail.html">史密斯奶奶苹果 (4ps)</a></p>
                                        </div>
                                        <div class="product-action">
                                            <a href="#" class="add-to-btn small-btn">
                                                <i class="flaticon-shopping-cart"></i>
                                                <span>添加到购物车</span>
                                                <h5 class="product-price">$120.00</h5>
                                            </a>
                                        </div>
                                    </div>
                                </div>

                            </div>
							
							<div class="shop-widget widget-product b1">
                                <!--widget-product -->
                                <div class="special-offer-product bg-white p-25 br-5">
									<p align="center">合作商户</p>
                                    <div class="client-item" align="center">
										<a href="#" target="_blank">
											<img src="images/client/client_1.png" alt="" />
										</a>
									</div>
									<hr/>
									<div class="client-item" align="center">
										<a href="#" target="_blank">
											<img src="images/client/client_2.png" alt="" />
										</a>
									</div>
									<hr/>
									<div class="client-item" align="center">
										<a href="#" target="_blank">
											<img src="images/client/client_3.png" alt="" />
										</a>
									</div>
									<hr/>
									<div class="client-item" align="center">
										<a href="#" target="_blank">
											<img src="images/client/client_4.png" alt="" />
										</a>
									</div>
									<hr/>
									<div class="client-item" align="center">
										<a href="#" target="_blank">
											<img src="images/client/client_5.png" alt="" />
										</a>
									</div>
									<hr/>
                                    
                                </div>
                            </div>
							
                        </div>
                    </div>

                    <div class="col-xl-9 col-lg-8">
                        <div class="shop-items">
                           
                            <div class="search-result-header">
                                <h5>显示相关商品</h5>
                                <div class="sort-by">
                                    <h5>分类:</h5>
                                    <select name="#">
                                        <option value="value-1">所有</option>
                                        <option value="value-2">按名字查询</option>
										<option value="value-3">按价格查询</option>
										<option value="value-3">按目录分类查询</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="row">
                                
                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
                                            <a href="shop-detail.html">
												<img src="assets2/img/product/product20.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>

                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Fresh Tomato <br>(1 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product21.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
                                            <a href="shop-detail.html">
												<img src="assets2/img/product/product22.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <!--single Product -->
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            <img src="assets2/img/product/product23.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product24.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product25.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Golden Collection Unsalted Roasted Pumpkin ( </a>1ps)</p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product26.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Organic Yam/Sweet Potato <br>(1 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product27.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Organic Cauliflower <br>(1kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product28.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Christopher Ranch Organic Garlic (500g)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product29.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                           <!-- <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Fresh Corn on the Cob, color varies, each</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product30.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Organic Granny Smith Apple (4ps)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
											<a href="shop-detail.html">
                                            	<img src="assets2/img/product/product31.png" alt="img">
											</a>
                                            <!-- Button trigger modal -->
                                            <!--<button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>-->
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Organic Yellow Banana <br>(4ps)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
                                            <img src="assets2/img/product/product32.png" alt="img">
                                            <!-- Button trigger modal -->
                                            <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Danish Full Cream Milk Powder</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
                                            <img src="assets2/img/product/product33.png" alt="img">
                                            <!-- Button trigger modal -->
                                            <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Valencia Juicing Oranges <br>(4ps)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
                                            <img src="assets2/img/product/product34.png" alt="img">
                                            <!-- Button trigger modal -->
                                            <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Organic Red Seedless Grapes (500g)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--single Product -->
                                <div class="col-xl-4 col-lg-6 col-sm-6">
                                    <div class="product">
                                        <div class="product-img-wrap">
                                            <img src="assets2/img/product/product24.png" alt="img">
                                            <!-- Button trigger modal -->
                                            <button class="quick-view" type="button" data-toggle="modal" data-target="#quick-view">快速浏览</button>
                                        </div>
                                        <div class="product-content-wrap">
                                            <div class="product-content">
                                                <p><a href="shop-detail.html">Chashi Aromatic Chinigura Rice (1 Bag 5 kg)</a></p>
                                            </div>
                                            <div class="product-action">
                                                <a href="#" class="add-to-btn small-btn">
                                                    <i class="flaticon-shopping-cart"></i>
                                                    <span>添加到购物车</span>
                                                    <h5 class="product-price">$120.00</h5>
                                                </a>
                                                <div class="add-wishlist">
                                                    <i class="fa fa-heart-o"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <!--==================================== Start product-quick-view //product-modal  ================-->
                                <div class="modal product-modal fade" id="quick-view" tabindex="-1" role="dialog" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body p-35 pt-0">


                                                <div class="product-quick-view">
                                                    <div class="container">
                                                        <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="product-preview-wrap">
                                                                    <div class="tab-content bg-white p-50 b1 br-5">
                                                                        <div class="tab-pane" id="preview1">
                                                                            <img src="assets2/img/product/product23.png" alt="Product Preview Image" data-magnify-src="assets2/img/product/product23.png" />
                                                                        </div>
                                                                        <div class="tab-pane active" id="preview2">
                                                                            <img src="assets2/img/product/product23.png" alt="Product Preview Image" data-magnify-src="assets2/img/product/product23.png" />
                                                                        </div>
                                                                        <div class="tab-pane" id="preview3">
                                                                            <img src="assets2/img/product/product23.png" alt="Product Preview Image" data-magnify-src="assets2/img/product/product23.png" />
                                                                        </div>
                                                                        <div class="tab-pane" id="preview4">
                                                                            <img src="assets2/img/product/product23.png" alt="Product Preview Image" data-magnify-src="assets2/img/product/product23.png" />
                                                                        </div>
                                                                    </div>

                                                                    <ul class="nav nav-tabs flex-nowrap align-content-between mt-30">
                                                                        <li>
                                                                            <a data-toggle="tab" href="#preview1">
                                                                                <img src="assets2/img/product/product23.png" alt="Product Thumbnail Image" />
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a class="active" data-toggle="tab" href="#preview2">
                                                                                <img src="assets2/img/product/product23.png" alt="Product Thumbnail Image" />
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a data-toggle="tab" href="#preview3">
                                                                                <img src="assets2/img/product/product23.png" alt="Product Thumbnail Image" />
                                                                            </a>
                                                                        </li>
                                                                        <li>
                                                                            <a data-toggle="tab" href="#preview4">
                                                                                <img src="assets2/img/product/product23.png" alt="Product Thumbnail Image" />
                                                                            </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="product-details text-left bg-white ml-25 px-50 py-45 b1 br-5">
                                                                    <h3 class="mb-25 rmt-25">Fresh Onion 1kg</h3>
                                                                    <div class="rating mb-25">
                                                                        <div class="star mr-15">
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                            <i class="fa fa-star"></i>
                                                                        </div>
                                                                        <div class="text">(13 Review)</div>
                                                                    </div>
                                                                    <p>Sed egestas, ante et vulputate volutpat, eropede semper est, vitluctus metus libero eu augue. Morbi purus libero, faucibus adipiscing.</p>
                                                                    <p>commodo quis, gravida id, est. Sed lectus. Praest elemhendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat.lacus a ultrices.</p>

                                                                    <h6>Availability: <span>In Stock</span></h6>
                                                                    <h4 class="price">$120.00</h4>

                                                                    <div class="product-spinner mt-20">
                                                                        <div class="number-input b1">
                                                                          <button class="minus"></button>
                                                                          <input min="1" name="quantity" value="2" type="number">
                                                                          <button class="plus"></button>
                                                                        </div>
                                                                        <a href="#" class="theme-btn br-30 ml-20">添加到购物车</a>
                                                                        <div class="add-wishlist">
                                                                            <i class="fa fa-heart-o"></i>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--==================================== end product-quick-view //product-modal  ================-->

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--==================================================================== 
           End Shop Page
       =====================================================================-->



         <!--==================================================================== 
                            Start footer section
        =====================================================================-->
        <footer class="footer bg-black pt-100 text-lg-left text-center">
            <div class="container">
                <div class="row">

                    <!--Footer Column-->
                    <div class="col-lg-3 col-md-12 mb-30">
                        <div class="footer-widget logo-widget mr-20">
                            <div class="footer-logo">
                                <a href="index.html"><img src="images/footer_logo.png" class="footer-logo" alt="" /></a>
                            </div>
                            <p>欢迎来到有机商城。我们的产品是新鲜收获的，经过清洗后即可装箱，最后从我们的家庭农场运到您家门口。</p>
                            <div class="footer-social-icon">
                                <ul class="social-style-one">
                                    <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-2 col-md-3 mb-30">
                        <div class="footer-widget links-widget float-lg-right mr-40">
                            <h5 class="footer-title mb-30">推荐信息</h5>
                            <ul class="list">
                                <li><a href="#">新产品</a></li>
								<li><a href="#">畅销品</a></li>
								<li><a href="#">我们的博客</a></li>
								<li><a href="#">关于我们的商城</a></li>
                            </ul>
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-4 col-md-5 mb-30">
                        <div class="footer-widget form-widget ml-115 mr-30">
                            <h5 class="footer-title mb-30">订阅</h5>
                            <p>输入您的电子邮件地址作为我们的邮件列表，督促我们每日精进。</p>
                            <form class="subscribe">
                                <input type="email" placeholder="您的邮件地址" required>
                                <button type="submit">发送</button>
                            </form>
                        </div>
                    </div>

                    <!--Footer Column-->
                    <div class="col-lg-3 col-md-4 mb-30">
                        <div class="footer-widget pament-widget">
                            <h5 class="footer-title mb-30">支付方式</h5>
                            <ul class="list">
                                <li><a href="#"><img src="assets2/img/pay-method/visa.png" alt=""></a></li>
                                <li><a href="#"><img src="assets2/img/pay-method/mastercard.png" alt=""></a></li>
                                <li><a href="#"><img src="assets2/img/pay-method/discover.png" alt=""></a></li>
                                <li><a href="#"><img src="assets2/img/pay-method/americanexpress.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">

                        <!-- Copyright Area-->
                        <div class="copyright text-center pl-10 pr-10 pt-30 pb-10 mt-55 rmt-35 mb-65">
                            <p>Copyright &copy; 2020.公司保留所有权利.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                        
                    </div>
                </div>

            </div>
        </footer>
        <!--==================================================================== 
                                End footer section
        =====================================================================-->



    </div>
    <!--End pagewrapper-->


    <!-- Scroll Top Button -->
    <button class="scroll-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></button>


    <!-- jequery plugins -->
    <script src="assets2/js/jquery.min.js"></script>
    <script src="assets2/js/bootstrap-v4.1.3.min.js"></script>
    <script src="assets2/js/jquery.nice-select.min.js"></script>
    <script src="assets2/js/jquery.simpleLoadMore.min.js"></script>
    <script src="assets2/js/slick.min.js"></script>
    <script src="assets2/js/appear.js"></script>

    <!-- Custom script -->
    <script src="assets2/js/script.js"></script>

</body>

</html>
